'use client'

import { useState } from 'react'
import { PlusIcon } from '@heroicons/react/24/outline'
import { CreateOutboundDialog } from './create-outbound-dialog'

export function OutboundHeader() {
  const [isCreateOpen, setIsCreateOpen] = useState(false)

  return (
    <div className="flex justify-between items-center">
      <h1 className="text-2xl font-semibold text-gray-900">出库管理</h1>
      <button
        onClick={() => setIsCreateOpen(true)}
        className="bg-blue-500 text-white px-4 py-2 rounded-md hover:bg-blue-600 flex items-center"
      >
        <PlusIcon className="h-5 w-5 mr-2" />
        新建出库单
      </button>
      <CreateOutboundDialog open={isCreateOpen} onClose={() => setIsCreateOpen(false)} />
    </div>
  )
} 